<!DOCTYPE HTML>
<html lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
<title>Oz world</title>

<!-- JQUERY 1.10 -->
<script src="../assets/js/jquery.min.js"></script>
<!-- BOOTSTRAP 3.0 -->
<script src="../assets/js/bootstrap.min.js"></script>

<script src="../assets/js/Publish.js"></script>
<!-- AWESOME FONT 3.2.1 -->
<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">

<!-- <link rel="stylesheet" href="../assets/css/bootstrap.min.css"> -->
<link rel="stylesheet" href="../assets/css/common.css">

</head>
<body>

<!-- divAccessibility -->
<div id="divAccessibility">
    <a href="#gnb">메뉴 바로가기</a>
    <a href="#divContents">본문 바로가기(skip to content)</a>    
</div>
<!-- //divAccessibility -->

<div id="divWrapper">
	
    <!-- header -->
  	<div id="header">
    	<div class="divUtill">
       	  	<ul>
           	  	<li class="fir"><a href="#"><img src="../assets/images/common/utill_mn1.gif" alt="로그인"></a></li>
                <li><a href="#"><img src="../assets/images/common/utill_mn2.gif" alt="회원가입"></a></li>
                <li><a href="#"><img src="../assets/images/common/utill_mn3.gif" alt="고객센터"></a></li>
                <li><a href="#"><img src="../assets/images/common/utill_mn4.gif" alt="오즈월드 소개"></a></li>
            </ul>
            <div class="headSearch">
           		<div class="placeholder"><label class="placeholderTx">Search</label><input name="" type="text" class="input"><a href="#"><img src="../assets/images/common/btn_search.gif" alt="검색" class="bt"></a></div>
            </div>
      	</div>
        <div id="gnbWrap"><img src="../assets/images/common/gnb.jpg" alt=""></div>
    </div>
    <!-- //header -->
    
    <!-- container -->
  	<div id="container">
   		<div id="content">
        
        	<h2 class="divTit"><img src="../assets/images/member/title_join01.gif" alt="회원가입  이용약관동의"></h2>
            <!-- location -->
      		<div id="divLocation">
        		<ul class="location">
          			<li class="first"><a href="#" class="home"><img src="../assets/images/common/blt_home.gif" alt="home"></a></li>
          			<li><a href="#">회원가입</a></li>
          			<li class="current">이용약관동의</li>
        		</ul>
      		</div>
      		<!-- //location -->
            
            <div class="join01_hd"><img src="../assets/images/member/join01_img1.jpg" alt="오즈월드 회원 가입을 환영합니다! 전 세계 명작 학습 동화와 다양한 콘텐츠를 최적의 환경에서 제공하겠습니다."></div>
            
       	  	<div class="joinWrap mgt20">
            	<ul class="ulLst01 brdB">
                	<li>회원 가입을 위해서 아래의 이용약관 및 개인정보 수집 및 이용에 대한 안내를 읽고 동의해 주세요.</li>
                </ul>
                <div class="box03 mgt20">
                	<table class="joinTbl">
                    <colgroup>
                    <col width="90">
                    <col width="*">
                    <col width="120">
                    <col width="">
                    </colgroup>
                    <tbody>
                    <tr>
                    	<th scope="row">아이디</th>
                        <td colspan="3"><input name="" type="text" class="input" style="width:205px;"></td>
                    </tr>
                    <tr class="brdB">
                    	<th scope="row">비밀번호</th>
                        <td><input name="" type="password" class="input" style="width:205px;"><p class="mgt5"><strong class="fontRed">* 패스워드는 6-10자리 숫자 영문 조합입니다.</strong></p></td>
                   	  	<th scope="row">비밀번호 재입력</th>
                      	<td><input name="" type="password" class="input" style="width:205px;"></td>
                    </tr>
                    </tbody>
                    </table>
                    <table class="joinTbl mgt10">
                    <colgroup>
                    <col width="90">
                    <col width="*">
                    </colgroup>
                    <tbody>
                    <tr>
                    	<th scope="row">이름</th>
                        <td colspan="3"><input type="text" class="input" style="width:290px;" value="홍길동"></td>
                    </tr>
                    <tr>
                    	<th scope="row">이메일</th>
                        <td colspan="3"><input type="text" class="input" style="width:290px;" placeholder="exaple@mail.com"></td>
                    </tr>
                    <tr>
                    	<th scope="row">휴대번호</th>
                        <td colspan="3">
                        	<select name="" class="select" style="width:95px;">
                        	  <option>010</option>
                        	</select> -
                        	<input type="text" class="input" style="width:95px;" > -
                        	<input type="text" class="input" style="width:95px;" >
                      </td>
                    </tr>
                    <tr>
                    	<th scope="row">주소</th>
                        <td colspan="3">
                        	<input type="text" class="input" style="width:290px;" placeholder="동,읍,리 입력"> <a href="#"><img src="../assets/images/common/btn_find_off.gif" alt="찾아보기" class="rollimg"></a>
                            <div class="mgt5">
                           	  	<input type="text" class="input" style="width:290px;" placeholder="주소 1">
                           	  <input type="text" class="input" style="width:290px;" placeholder="상세주소 입력">
                            </div>
                        </td>
                    </tr>
                    <tr>
                    	<th scope="row">성별</th>
                        <td colspan="3">
                        	<label for="sexM" class="radio"><input name="" id="sexM" type="radio" value="" class="aln_middle"> 남</label>
                   	  	  <label for="sexW"><input name="" id="sexW" type="radio" value="" class="aln_middle"> 여</label>
                   	  </td>
                    </tr>
                    <tr>
                    	<th scope="row">생년월일</th>
                        <td colspan="3">
                   	  	  <select name="" class="select" style="width:95px;">
                        	  <option>년도</option>
                        	</select>
                       	  <select name="" class="select" style="width:95px;">
                        	  <option>월</option>
                        	</select>
                       	  <select name="" class="select" style="width:95px;">
                        	  <option>일</option>
                        	</select>
                      </td>
                    </tr>
                    </tbody>
                    </table>
                	<span class="bg1"></span><span class="bg2"></span><span class="bg3"></span><span class="bg4"></span>
                </div>
                <div class="btnSc">
                	<a href="#"><img src="../assets/images/common/btn_join_off.gif" alt="가입하기" class="rollimg"></a>&nbsp;&nbsp;&nbsp;
                    <a href="#"><img src="../assets/images/common/btn_cancel2_off.gif" alt="취소" class="rollimg"></a>
                </div>
            </div>
            
        </div>
    </div>
    <!-- //container -->
    
    <!-- footer -->
    <div id="footer">
    	<p class="footerLogo"><img src="../assets/images/common/footer_logo.gif" alt=""></p>
        <div class="footerWrap">
        	<ul class="footerMn">
            	<li class="fir"><a href="#">회사소개</a></li>
                <li><a href="#">이용약관</a></li>
                <li><a href="#">개인정보취급방침</a></li>
                <li><a href="#">CS 센터</a></li>
            </ul>
            <address>
            	(주)빅스타 글로벌  l  대표이사  한형훈  l 서울시 금천구 가산동 371-50 에이스하이엔드 1407호 l 대표전화 02-843-8403
            </address>
            <p class="copyright">Copyright ⓒ 2013 BIGSTAR GLOBAL CO.,LTD All right reserved.</p>
        </div>
    </div>
    <!-- //footer -->
    
</div>
</body>
</html>